What is CSS fonts?

The CSS fonts module defines font-related properties and how font resources are loaded. It lets you define the style of a font, such as its family, size and weight, line height, and the glyph variants to use when multiple are available for a single character.

How to make fonts bold in CSS?

After all, you must apply your CSS code to something. When making fonts bold, there are two specialist elements available - and . They have slightly different uses: is used to indicate visual style. You use to draw the readers attention to something that doesn't have any greater importance to the other text around it.

What is font weight CSS?

The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set. The font-weight property is specified using any one of the values listed below. Normal font weight. Same as 400. Bold font weight. Same as 700. One relative font weight lighter than the parent element.

Are bolder & lighter CSS fonts the same?

bolder and lighter are even part of the official spec. How they are interpreted and displayed is up to the browser. The fact that they appear the same visually is because most browsers don't properly support font weight variations beyond bold and normal. Here's a question with background info: Are all CSS font-weight property's values useful?